<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>极客论坛</title>
    <head><head>
        <link rel="stylesheet" href="layui/css/layui.css"  media="all">

        <link rel="stylesheet" href="/layui/css/bootstrap.min.css">
        <link rel="stylesheet" href="/layui/css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="/layui/css/community.css">
        <link rel="icon" href="https://www.mawen.co/images/logo.png" type="image/x-icon">
        <script src="/layui/js/jquery-3.4.1.min.js"></script>
        <script src="/layui/js/bootstrap.min.js" type="application/javascript"></script>
        <script src="/layui/js/community.js" type="application/javascript"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="google-site-verification" content="QGf2OqDw91EjWtNE07HoLJi0x0G2rIYylk6jn6JEoEQ">
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async="" src="/layui/js/js.js"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date();
            gtag('config', 'UA-89103576-8');
        </script>

    </head><head>
        <link rel="stylesheet" href="/layui/css/editormd.min.css">
        <link rel="stylesheet" href="/layui/css/editormd.preview.min.css">
        <script src="/layui/js/editormd.min.js" type="application/javascript"></script>
        <script src="/layui/js/moment.js" type="application/javascript"></script>
        <script src="/layui/js/marked.min.js"></script>
        <script src="/layui/js/prettify.min.js"></script>
    </head></head>
</head>
<script type="application/javascript">
    window.onload = function () {
        var closable = window.localStorage.getItem("closable");
        if (closable == "true") {
            window.close();
            window.localStorage.removeItem("closable");
        }
    }
</script>
<body>
<div><div>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">极客论坛</span>
                </button>
                <a class="navbar-brand" href="">极客论坛</a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <form class="navbar-form navbar-left" action="/" method="get">
                    <div class="form-group">
                        <input type="text" class="form-control" name="search" placeholder="搜索问题">
                    </div>
                    <button type="submit" class="btn btn-default">搜索</button>
                </form>
                <ul class="nav navbar-nav">
                    <script>
                        function clickNav(label) {
                            gtag('event', 'click', {
                                'event_category': 'LINK',
                                'event_label': label,
                                'transport_type': 'NAV'
                            })
                        }
                    </script>
                    <li>
                        <a href="837.html" onclick="clickNav(&quot;\u5DE5\u4F5C 2 \u5E74\u963F\u91CC\u524D\u7AEF\u90FD\u95EE\u4EC0\u4E48\uFF1F&quot;)" target="_blank">工作 2 年阿里前端都问什么？</a>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">



                </ul>
            </div>
        </div>
    </nav>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document" style="margin-top: 200px;width: 300px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">登录注册</h4>
                </div>
                <div class="modal-body" style="text-align:center">
                    <a href="javascript:;">
                        <img src="static/picture/gitee.png">
                    </a>
                    <a href="javascript:;">
                        <img src="static/picture/github.png">
                    </a>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
</div></div>
<div class="container-fluid main">
    <div class="row">
        <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
            <h3><span class="glyphicon glyphicon-list" aria-hidden="true"></span> 发现</h3>
            <ul class="nav nav-tabs">
                <li role="presentation">
                    <a href="topic.html">最新</a>
                </li>
                <li role="presentation">
                    <a href="index2.html">30天最热</a>
                </li>
                <li role="presentation">
                    <a href="index3.html">7天最热</a>
                </li>
                <li role="presentation">
                    <a href="index4.html">最热</a>
                </li>
                <li role="presentation">
                    <a href="index5.html" class="red">消灭零回复</a>
                </li>

            </ul>

            <script src="http://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>


<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/d808db057dc74918a101cfd272b8b373.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <span style="color: #c74747">[置顶] </span><a href="1284.html">IDEA 2020.3.1 最新激活注册码 - 破解教程 [免费激活到 2089 年，亲测有效]</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>32</span> 个回复 • <span>8435</span> 次浏览 • <span>2021-01-10 04:22</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/d808db057dc74918a101cfd272b8b373.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <span style="color: #c74747">[置顶] </span><a href="1289.html">【Spring Boot 实战】论坛项目【第一季】P38 Postman 不能获取 Session</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>5</span> 个回复 • <span>2091</span> 次浏览 • <span>2021-01-10 14:23</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/d808db057dc74918a101cfd272b8b373.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <span style="color: #c74747">[置顶] </span><a href="1287.html">【Spring Boot 实战】论坛项目【第一季】Connection reset</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>6</span> 个回复 • <span>1496</span> 次浏览 • <span>2021-01-10 05:32</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/d808db057dc74918a101cfd272b8b373.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <span style="color: #c74747">[置顶] </span><a href="1285.html">【Spring Boot 实战】论坛项目【第一季】 P17 链接 H2 数据库需要用户名密码</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>2</span> 个回复 • <span>1209</span> 次浏览 • <span>2021-01-10 05:11</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/d808db057dc74918a101cfd272b8b373.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <span style="color: #c74747">[置顶] </span><a href="1282.html">【Spring Boot 实战】论坛项目【第一季】 P12 获取用户信息报错</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>8</span> 个回复 • <span>1549</span> 次浏览 • <span>2021-01-10 03:26</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/d808db057dc74918a101cfd272b8b373.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <span style="color: #c74747">[置顶] </span><a href="1281.html">【Spring Boot 实战】论坛项目【第一季】 P8 创建 Github App 流程完全不一样</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>2</span> 个回复 • <span>1689</span> 次浏览 • <span>2021-01-10 02:41</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/791e39e6c7404689bf90bd8e95928b3b.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <a href="340730.html">运维工程师</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>0</span> 个回复 • <span>4</span> 次浏览 • <span>2021-11-27 19:14</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/9aad510f2ecd4e0bab6ff3b94e77cf94.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <a href="340729.html">测试</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>0</span> 个回复 • <span>34</span> 次浏览 • <span>2021-11-23 13:41</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/01abdc8ea9c7441881f156bde6187fc4.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <a href="340728.html">天神</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>0</span> 个回复 • <span>31</span> 次浏览 • <span>2021-11-18 14:09</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/01abdc8ea9c7441881f156bde6187fc4.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <a href="340727.html">测试</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>0</span> 个回复 • <span>43</span> 次浏览 • <span>2021-11-14 20:34</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/3f33e114e66b4cc0aa66288767881d5a.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <a href="340726.html">1</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>0</span> 个回复 • <span>44</span> 次浏览 • <span>2021-10-26 21:14</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/4d0af2da2c3a412b88c857c624f83a9b.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <a href="340725.html">这就是个测试</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>0</span> 个回复 • <span>95</span> 次浏览 • <span>2021-10-26 15:46</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/01abdc8ea9c7441881f156bde6187fc4.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <a href="340724.html">这是一个测试</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>1</span> 个回复 • <span>88</span> 次浏览 • <span>2021-10-26 08:11</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/b7ce2fa839274fe69e45c770197711a6.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <a href="340723.html">本地运行报错 空指针异常</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>2</span> 个回复 • <span>119</span> 次浏览 • <span>2021-10-25 19:39</span></span>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="media">-->
<!--                <div class="media-left">-->
<!--                    <a href="#">-->
<!--                        <img class="media-object img-rounded" src="static/picture/01abdc8ea9c7441881f156bde6187fc4.png">-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="media-body">-->
<!--                    <h5 class="media-heading">-->
<!--                        <a href="1464.html">没有后退, 返回首页, 标签列表什么的吗</a>-->
<!--                    </h5>-->
<!--                    <span class="text-desc"><span>0</span> 个回复 • <span>132</span> 次浏览 • <span>2021-07-28 16:52</span></span>-->
<!--                </div>-->
<!--            </div>-->
        <div id="list" >

        </div>
            <script >
                $(function (){
                    $.ajax({
                        "url": '/topic/topiclist/',
                        "type": "post",
                        "dataType": "json",
                        "success": function (a) {

                            for(var i = 0 ; i < a.length ; i++){
                                console.log(a);
                                var html = "  <div class=\"media\">\n" +
                                    "                <div class=\"media-left\" style=\"\n" +
                                    "    width: 310px;\n" +
                                    "\">\n" +
                                    "                    <a href=\"#\">" +
                                    "                       <span  name='username'>"+a[i].topicUser+"</span> " +
                                    "                    </a>" +
                                    "                </div>" +
                                    "                <div class=\"media-body\">\n" +
                                    "                    <h5 class=\"media-heading\">\n" +
                                    "                        <a href=\"/details?id="+a[i].id+"\" name='title'>"+a[i].title+"</a>\n" +
                                    "                    </h5>\n" +
                                    "                    <span class=\"text-desc\"><span>"+a[i].commentCount+"</span> 个回复 • <span>"+a[i].browseCount+"</span> 次浏览 • <span name='dataTime'>"+a[i].topicTime+"</span></span>\n" +
                                    "                </div>\n" +
                                    "            </div><fieldset class=\"layui-elem-field layui-field-title\" style=\"margin-top: 30px;\"> <legend></legend>\n" +
                                    "        </fieldset>";

                                pid = a[i].id;

                                $('#list').append(html);
                            }
                        },
                        error: function () {
                            alert("加载失败");
                            // window.location.href = "./index.html";
                        }
                    });


                });

            </script>
            <nav aria-label="Page navigation">
                <ul class="pagination">



                    <li class="active">
                        <a href="index6.html">1</a>
                    </li>

                    <li>
                        <a href="index7.html">2</a>
                    </li>

                    <li>
                        <a href="index8.html">3</a>
                    </li>

                    <li>
                        <a href="index9.html">4</a>
                    </li>

                    <li>
                        <a href="index7.html" aria-label="Previous">
                            <span aria-hidden="true">&gt;</span>
                        </a>
                    </li>
                    <li>
                        <a href="index10.html" aria-label="Previous">
                            <span aria-hidden="true">&gt;&gt;</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
        <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
            <div><div>
                <!--码问官方公众号-->
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 side">
                    <h4>官方微信</h4>
                    <img class="img-thumbnail question-wechat" src="/layui/image/mmqrcode1638185788570.png">
                </div>
            </div></div>
            <!--相关问题-->
            <hr class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <h4>热门标签</h4>
                <a href="index11.html" class="community-tag">java</a><a href="index12.html" class="community-tag">javascript</a><a href="index13.html" class="community-tag">spring</a><a href="index14.html" class="community-tag">html</a><a href="index15.html" class="community-tag">css</a><a href="index16.html" class="community-tag">php</a><a href="index17.html" class="community-tag">html5</a><a href="index18.html" class="community-tag">mysql</a><a href="index19.html" class="community-tag">github</a><a href="index20.html" class="community-tag">广告</a>
            </div>
            <div><div>
                <hr class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 side">
                    <a href="javascript:;" onclick="" target="_blank">
                        <img class="img-thumbnail question-wechat" src="static/picture/uhost.png">
                    </a>
                </div>

            </div></div>
        </div>
    </div>
</div>
<div><div class="footer">
    <div>Copyright © 2021 <a href="javascript:;">浙ICP备18020649号</a> · 服务器赞助: <a href="javascript:;">UCloud</a> · All Rights Reserved Powered By <a href="" target="_blank"> 论坛 </a></div>
</div></div>
</body>
</html>